<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="css/wdkh.css" rel="stylesheet" type="text/css">
		<link href="css/ydui.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
		<title>漳泽农商银行</title>
		<style>
			.tab-panel-item {
				background:url(images/lbbg2.png) no-repeat;background-size:100% 100%;
				
			}
			
			.list li {
				width: 100%;
				position: relative;
				background:url(images/libg2.png) no-repeat;
				background-size:100% 100%;
				box-shadow: none;
				padding:15px
			}
			.list{margin-top:15px}
			
			.list li img {
				position: absolute;
				right: 10px;
				top: 10px;
				width: 60px
			}
			.list li h3{color:#9C0A1A}
			.list li p{height:auto;color:#363636;line-height:25px}
			.list li h4{color:#17A1FF}
			.banner{width:100%;box-sizing: border-box;background:url(images/lbbg.png) no-repeat;background-size:100% 100%;height:100px;overflow: hidden;}
			.banner .left{width:30%;float:left;text-align: center;;box-sizing: border-box;}
			.left img{width:80%;margin:15px auto}
			.banner .right{width:70%;float:left;;box-sizing: border-box;position: relative;}
			.right .xg{position: absolute;right:10px;bottom:45px}
			.right .ewm{position: absolute;right:10px;bottom:15px;}
			.right p{height:30px;line-height:30px;color:white}
			.tab-nav .tab-nav-item{background:#BF0707;color:#FFE1C0}
			.tab-nav .tab-active{color:white;}
			.btn1{
				width: 80%;
				height:40px;
				text-align: center;
				line-height: 40px;
				font-size: 16px;
				color: #A60002;
				padding: 0;
				display: block;
				background: url(images/2.png) no-repeat;
				margin:15px auto;
				border: 0;
				background-size:100% 100%
			}
		</style>
	</head>

	<body>
		<section class="g-flexview">
			<header class="m-navbar">
				<a href="http://yykh.czzrcb.com/zzhddj/getHhswCode" class="navbar-item"><i class="back-ico"></i></a>
				<div class="navbar-center"><span class="navbar-title" style="font-size:14px">中奖记录</span></div>
				<a href="wx_hbfx" class="navbar-item" style="min-width:30%">
					<span style="color:red;font-size:16px;border:1px red solid;display:inline-block;padding:3px 5px">分享活动</span>
				</a>
			</header>
			<div class="banner">
				<div class="left"><img src='images/logo.png'></div>
				<div class="right">
					<p>领奖人姓名：<b class="name"></b></p>
					<p>领奖人电话：<b class="tel"></b></p>
					<p>推广人工号：<b class="yxhm"></b></p>
					<span class="badge badge-radius badge-warning xg" style="background:#FFCA74;color:#A60002">修改信息</span>
					<span class="badge badge-radius badge-primary ewm" style="background:#009944">兑奖二维码</span>
				</div>
			</div>
			<div id="J_Tab" class="m-tab">
				<ul class="tab-nav" style="">
					<li class="tab-nav-item tab-active">
						<a href="javascript:;">未兑奖</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">已兑奖</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">已超期</a>
					</li>
				</ul>
				<div class="tab-panel">
					<div class="tab-panel-item tab-active">
						<div class="list g-scrollview" id="ddj">
							<!--<li>
								<h3>姓名：张三</h3>
								<p>手机号：18404962517</p>
								<p>奖品：<span class="badge badge-radius">口罩</span></p>
								<p>抽奖时间：2021-11-29 10:0000</p>
								<p>兑奖时间：2021-11-29 10:0000</p>
								<h4><span>个人信息</span><span>兑奖二维码</span></h4>
								<img src="img/ddj.png" class="img">
							</li>-->
						</div>
					</div>
					<div class="tab-panel-item">
						<div class="list g-scrollview" id="ydj"></div>
					</div>
					<div class="tab-panel-item">
						<div class="list g-scrollview" id="ycq"></div>
					</div>
				</div>
			</div>
		</section>
		<script src="js/ydui.flexible.js"></script>
		<script src="js/ydui.js"></script>
		<script src="js/base.js"></script>
		<script src="js/importJs.js"></script>
		<script>
			var height = $(window).height()
			var height2 = $(".m-navbar").height()
			var height4 = $(".tab-nav").height()
			console.log(height2,height4)
			var height3 = Number(height) - Number(height2) - Number(height4)-130
			$(".list").height(height3 + 'px')
			var $tab = $('#J_Tab');

			$tab.tab({
				nav: '.tab-nav-item',
				panel: '.tab-panel-item',
				activeClass: 'tab-active'
			});
			function onBridgeReady() {
				WeixinJSBridge.call('hideOptionMenu');
				 WeixinJSBridge.call('hideToolbar');
			}
			if(typeof WeixinJSBridge == "undefined") {
				if(document.addEventListener) {
					document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
				} else if(document.attachEvent) {
					document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
					document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
				}
			} else {
				onBridgeReady();
			}
		</script>
	</body>

</html>